<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>站点管控</title>
    <link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="../control/css/xiaolin_Li.css">
    <link rel="stylesheet" href="../control/css/L1.css">
    <script src="../lib/jquery/jquery-3.4.1.js"></script>
    <script src="../lib/echarts/echarts.js"></script>
    <script src="../lib/echarts/echarts-gl.js"></script>
    <script src="../lib/layui/layui.js"></script>
    <script src="../js/getOnlyWeather.js"></script>
    <script src="../js/firstHeatMap.js"></script>
    <script src="js/L1.js"></script>
    <script src="../js/interact.js"></script>
    <script src="../js/jquery-resize.js"></script>
</head>
<body>
<div class="verticalLine" style="left: 18vw;">
    <div></div>
    <div></div>
</div>
<div class="verticalLine" style="right: 18vw;">
    <div></div>
    <div></div>
</div>
<section class="section aside left">
    <section class="left-top">
        <div class="boxTitle">
            <div class="boxTitleLeft"></div>
            <div class="boxTitleRight"></div>
            <span>站名</span>
        </div>
        <div>
            <!-- TODO: left-top section -->
            <div style="margin-left: 34px;">
                <div style="float: left">长春</div>
                <select style="margin-left: 20px;">
                    <option value=""></option>
                    <option value="">长春</option>
                    <option value="">大连</option>
                    <option value="">石家庄</option>
                    <option value="">包头</option>
                    <option value="">青海湖</option>
                    <option value="">南通</option>
                    <option value="">广州</option>
                    <option value="">南宁</option>
                    <option value="">呼伦贝尔</option>
                    <option value="">敦煌</option>
                </select>
                <div id="onlyWeather_cc" style="margin-top: 20px;"></div>
            </div>
            <div style="margin-left: 34px;margin-top: 20px;">
                <button>雷达开</button>
                <button>雷达关</button>
            </div>
        </div>
    </section>
    <section class="left-middle">
        <div class="boxTitle">
            <div class="boxTitleLeft"></div>
            <div class="boxTitleRight"></div>
            <span>title 2</span>
        </div>
        <div>
            <!-- TODO: left-middle section -->
            <div>
                <div id="top_1" class="top" style="opacity: 0.5;">图1类</div>
                <div id="top_2" class="top">图2类</div>
            </div>
            <div class="down">
                <div class="downLeft">
                    <p id="downLeft_L1" class="downLeftButton" style="opacity: 0.5;">L1</p>
                    <p id="downLeft_L2" class="downLeftButton">L2</p>
                    <p id="downLeft_L3" class="downLeftButton">L3</p>
                </div>
                <div id="downRight_L1" class="downRight" style="display: block;">
                    <div id="downRight_L1_1" class="downRight_L1">1</div>
                    <div id="downRight_L1_2" class="downRight_L1">2</div>
                    <div id="downRight_L1_3" class="downRight_L1">3</div>
                    <div id="downRight_L1_4" class="downRight_L1">4</div>
                    <div id="downRight_L1_5" class="downRight_L1">5</div>
                    <div id="downRight_L1_6" class="downRight_L1">6</div>
                    <div id="downRight_L1_7" class="downRight_L1">7</div>
                    <div id="downRight_L1_8" class="downRight_L1">8</div>
                    <div id="downRight_L1_9" class="downRight_L1">9</div>
                    <div id="downRight_L1_0" class="downRight_L1">0</div>
                    <div id="downRight_L1_Clear" class="downRight_L1_Clear">清除</div>
                </div>
                <div id="s_downRight_L1" class="downRight" style="display: none;">
                    <div id="s_downRight_L1_1" class="downRight_L1">1</div>
                    <div id="s_downRight_L1_2" class="downRight_L1">2</div>
                    <div id="s_downRight_L1_3" class="downRight_L1">3</div>
                    <div id="s_downRight_L1_4" class="downRight_L1">4</div>
                    <div id="s_downRight_L1_5" class="downRight_L1">5</div>
                    <div id="s_downRight_L1_6" class="downRight_L1">6</div>
                    <div id="s_downRight_L1_7" class="downRight_L1">7</div>
                    <div id="s_downRight_L1_8" class="downRight_L1">8</div>
                    <div id="s_downRight_L1_9" class="downRight_L1">9</div>
                    <div id="s_downRight_L1_0" class="downRight_L1">0</div>
                    <div id="s_downRight_L1_Clear" class="downRight_L1_Clear">清除</div>
                </div>
                <div id="downRight_L2" class="downRight">
                    <div id="downRight_L2_1" class="downRight_L2">后项散射系数</div>
                    <div id="downRight_L2_2" class="downRight_L2">消光系数</div>
                    <div id="downRight_L2_3" class="downRight_L2">退偏比</div>
                    <div id="downRight_L2_4" class="downRight_L2">颜色比</div>
                    <div id="downRight_L2_5" class="downRight_L2">水汽混合比</div>
                    <div id="downRight_L2_6" class="downRight_L2">激光雷达比</div>
                </div>
                <div id="downRight_L3" class="downRight">
                    <div id="downRight_L3_0" class="downRight_L3">1</div>
                </div>
            </div>  <!--图一图二共用一套按钮-->
        </div>
    </section>
    <section class="left-bottom">
        <div class="boxTitle">
            <div class="boxTitleLeft"></div>
            <div class="boxTitleRight"></div>
            <span>文件列表</span>
        </div>
        <div>
            <!-- TODO: left-bottom section -->
            <select name="" id="" style="width: 70%;">
                <option value="">长春</option>
                <option value="">大连</option>
            </select>
        </div>
    </section>
</section>
<section class="section center">
    <header>站&nbsp;点&nbsp;管&nbsp;控</header>
    <div class="center-content">
        <section id="first" class="first">
            <div class="mid_L1" id="mid_L1">
                <div class="scalePreChange" id="L1_1">
                    <div id="heatMapL1_1" class="PicL1_10"></div>
                </div>
                <div class="scalePreChange" id="L1_2">
                    <div id="heatMapL1_2" class="PicL1_10"></div>
                </div>
                <div class="scalePreChange" id="L1_3">
                    <div id="heatMapL1_3" class="PicL1_10"></div>
                </div>
                <div class="scalePreChange" id="L1_4">
                    <div id="heatMapL1_4" class="PicL1_10"></div>
                </div>
                <div class="scalePreChange" id="L1_5">
                    <div id="heatMapL1_5" class="PicL1_10"></div>
                </div>
                <div class="scalePreChange" id="L1_6">
                    <div id="heatMapL1_6" class="PicL1_10"></div>
                </div>
                <div class="scalePreChange" id="L1_7">
                    <div id="heatMapL1_7" class="PicL1_10"></div>
                </div>
                <div class="scalePreChange" id="L1_8">
                    <div id="heatMapL1_8" class="PicL1_10"></div>
                </div>
                <div class="scalePreChange" id="L1_9">
                    <div id="heatMapL1_9" class="PicL1_10"></div>
                </div>
                <div class="scalePreChange" id="L1_0">
                    <div id="heatMapL1_0" class="PicL1_10"></div>
                </div>
            </div>
            <div class="mid_L2" id="mid_L2">
                <section id="mid_L2_section1">  <!--后项散射系数-->
                    <div class="scalePreChange_L2_5" id="L2_0">
                        <div id="heatMapL2_1" class="L2_5Pic"></div>
                    </div>
                    <div class="scalePreChange_L2_5" id="L2_1">
                        <div id="heatMapL2_2" class="L2_5Pic"></div>
                    </div>
                    <div class="scalePreChange_L2_5" id="L2_2">
                        <div id="heatMapL2_3" class="L2_5Pic"></div>
                    </div>
                    <div class="scalePreChange_L2_5" id="L2_3">
                        <div id="heatMapL2_4" class="L2_5Pic"></div>
                    </div>
                    <div class="scalePreChange_L2_5" id="L2_4">
                        <div id="heatMapL2_5" class="L2_5Pic"></div>
                    </div>
                </section>
                <section id="mid_L2_section2">  <!--消光系数-->
                    <div class="scalePreChange_L2_5" id="L2_5">
                        <div id="heatMapL2_6" class="L2_5Pic"></div>
                    </div>
                    <div class="scalePreChange_L2_5" id="L2_6">
                        <div id="heatMapL2_7" class="L2_5Pic"></div>
                    </div>
                    <div class="scalePreChange_L2_5" id="L2_7">
                        <div id="heatMapL2_8" class="L2_5Pic"></div>
                    </div>
                    <div class="scalePreChange_L2_5" id="L2_8">
                        <div id="heatMapL2_9" class="L2_5Pic"></div>
                    </div>
                    <div class="scalePreChange_L2_5" id="L2_9">
                        <div id="heatMapL2_10" class="L2_5Pic"></div>
                    </div>
                </section>
                <section id="mid_L2_section3">  <!--退偏比-->
                    <div class="scalePreChange_L2_2" id="L2_10">
                        <div id="heatMapL2_11" class="L2_2Pic"></div>
                    </div>
                    <div class="scalePreChange_L2_2" id="L2_11">
                        <div id="heatMapL2_12" class="L2_2Pic"></div>
                    </div>
                </section>
                <section id="mid_L2_section4">  <!--颜色比-->
                    <div class="scalePreChange_L2_4" id="L2_12">
                        <div id="heatMapL2_13" class="L2_4Pic"></div>
                    </div>
                    <div class="scalePreChange_L2_4" id="L2_13">
                        <div id="heatMapL2_14" class="L2_4Pic"></div>
                    </div>
                    <div class="scalePreChange_L2_4" id="L2_14">
                        <div id="heatMapL2_15" class="L2_4Pic"></div>
                    </div>
                    <div class="scalePreChange_L2_4" id="L2_15">
                        <div id="heatMapL2_16" class="L2_4Pic"></div>
                    </div>
                </section>
                <section id="mid_L2_section5">  <!--水汽混合比-->
                    <div class="scalePreChange_L2_1" id="L2_16">
                        <div id="heatMapL2_17" class="L2_1Pic"></div>
                    </div>
                </section>
                <section id="mid_L2_section6">  <!--激光雷达比-->
                    <div class="scalePreChange_L2_2" id="L2_17">
                        <div id="heatMapL2_18" class="L2_2Pic"></div>
                    </div>
                    <div class="scalePreChange_L2_2" id="L2_18">
                        <div id="heatMapL2_19" class="L2_2Pic"></div>
                    </div>
                </section>
            </div>
            <div class="mid_L3" id="mid_L3">
                <div style="border: 1px solid #ffffff;height: 880px;width: 1212px;">
                    <div id="heatMapL3_0" class="L3_Pic"></div>
                </div>
            </div>
        </section>

        <section id="second" class="second">
            <div class="mid_L1" id="s_mid_L1">
                <div class="scalePreChange" id="s_L1_1">
                    <div id="s_heatMapL1_1" class="PicL1_10"></div>
                    <div id="s_lineL1_1" class="PicL1_10"></div>
                </div>
                <div class="scalePreChange" id="s_L1_2">
                    <div id="s_heatMapL1_2" class="PicL1_10"></div>
                    <div id="s_lineL1_2" class="PicL1_10"></div>
                </div>
                <div class="scalePreChange" id="s_L1_3">
                    <div id="s_heatMapL1_3" class="PicL1_10"></div>
                    <div id="s_lineL1_3" class="PicL1_10"></div>
                </div>
                <div class="scalePreChange" id="s_L1_4">
                    <div id="s_heatMapL1_4" class="PicL1_10"></div>
                    <div id="s_lineL1_4" class="PicL1_10"></div>
                </div>
                <div class="scalePreChange" id="s_L1_5">
                    <div id="s_heatMapL1_5" class="PicL1_10"></div>
                    <div id="s_lineL1_5" class="PicL1_10"></div>
                </div>
                <div class="scalePreChange" id="s_L1_6">
                    <div id="s_heatMapL1_6" class="PicL1_10"></div>
                    <div id="s_lineL1_6" class="PicL1_10"></div>
                </div>
                <div class="scalePreChange" id="s_L1_7">
                    <div id="s_heatMapL1_7" class="PicL1_10"></div>
                    <div id="s_lineL1_7" class="PicL1_10"></div>
                </div>
                <div class="scalePreChange" id="s_L1_8">
                    <div id="s_heatMapL1_8" class="PicL1_10"></div>
                    <div id="s_lineL1_8" class="PicL1_10"></div>
                </div>
                <div class="scalePreChange" id="s_L1_9">
                    <div id="s_heatMapL1_9" class="PicL1_10"></div>
                    <div id="s_lineL1_9" class="PicL1_10"></div>
                </div>
                <div class="scalePreChange" id="s_L1_0">
                    <div id="s_heatMapL1_0" class="PicL1_10"></div>
                    <div id="s_lineL1_0" class="PicL1_10"></div>
                </div>
            </div>
            <div class="mid_L2" id="s_mid_L2">
                <section id="s_mid_L2_section1">
                    <div class="scalePreChange_L2_5" id="s_L2_0">
                        <div id="s_heatMapL2_1" class="L2_5Pic"></div>
                        <div id="s_lineL2_1" class="L2_5Pic"></div>
                    </div>
                    <div class="scalePreChange_L2_5" id="s_L2_1">
                        <div id="s_heatMapL2_2" class="L2_5Pic"></div>
                        <div id="s_lineL2_2" class="L2_5Pic"></div>
                    </div>
                    <div class="scalePreChange_L2_5" id="s_L2_2">
                        <div id="s_heatMapL2_3" class="L2_5Pic"></div>
                        <div id="s_lineL2_3" class="L2_5Pic"></div>
                    </div>
                    <div class="scalePreChange_L2_5" id="s_L2_3">
                        <div id="s_heatMapL2_4" class="L2_5Pic"></div>
                        <div id="s_lineL2_4" class="L2_5Pic"></div>
                    </div>
                    <div class="scalePreChange_L2_5" id="s_L2_4">
                        <div id="s_heatMapL2_5" class="L2_5Pic"></div>
                        <div id="s_lineL2_5" class="L2_5Pic"></div>
                    </div>
                </section>
                <section id="s_mid_L2_section2">
                    <div class="scalePreChange_L2_5" id="s_L2_5">
                        <div id="s_heatMapL2_6" class="L2_5Pic"></div>
                        <div id="s_lineL2_6" class="L2_5Pic"></div>
                    </div>
                    <div class="scalePreChange_L2_5" id="s_L2_6">
                        <div id="s_heatMapL2_7" class="L2_5Pic"></div>
                        <div id="s_lineL2_7" class="L2_5Pic"></div>
                    </div>
                    <div class="scalePreChange_L2_5" id="s_L2_7">
                        <div id="s_heatMapL2_8" class="L2_5Pic"></div>
                        <div id="s_lineL2_8" class="L2_5Pic"></div>
                    </div>
                    <div class="scalePreChange_L2_5" id="s_L2_8">
                        <div id="s_heatMapL2_9" class="L2_5Pic"></div>
                        <div id="s_lineL2_9" class="L2_5Pic"></div>
                    </div>
                    <div class="scalePreChange_L2_5" id="s_L2_9">
                        <div id="s_heatMapL2_10" class="L2_5Pic"></div>
                        <div id="s_lineL2_10" class="L2_5Pic"></div>
                    </div>
                </section>
                <section id="s_mid_L2_section3">
                    <div class="scalePreChange_L2_2" id="s_L2_10">
                        <div id="s_heatMapL2_11" class="L2_2Pic"></div>
                        <div id="s_lineL2_11" class="L2_2Pic"></div>
                    </div>
                    <div class="scalePreChange_L2_2" id="s_L2_11">
                        <div id="s_heatMapL2_12" class="L2_2Pic"></div>
                        <div id="s_lineL2_12" class="L2_2Pic"></div>
                    </div>
                </section>
                <section id="s_mid_L2_section4">
                    <div class="scalePreChange_L2_4" id="s_L2_12">
                        <div id="s_heatMapL2_13" class="L2_4Pic"></div>
                        <div id="s_lineL2_13" class="L2_4Pic"></div>
                    </div>
                    <div class="scalePreChange_L2_4" id="s_L2_13">
                        <div id="s_heatMapL2_14" class="L2_4Pic"></div>
                        <div id="s_lineL2_14" class="L2_4Pic"></div>
                    </div>
                    <div class="scalePreChange_L2_4" id="s_L2_14">
                        <div id="s_heatMapL2_15" class="L2_4Pic"></div>
                        <div id="s_lineL2_15" class="L2_4Pic"></div>
                    </div>
                    <div class="scalePreChange_L2_4" id="s_L2_15">
                        <div id="s_heatMapL2_16" class="L2_4Pic"></div>
                        <div id="s_lineL2_16" class="L2_4Pic"></div>
                    </div>
                </section>
                <section id="s_mid_L2_section5">
                    <div class="scalePreChange_L2_1" id="s_L2_16">
                        <div id="s_heatMapL2_17" class="L2_1Pic"></div>
                        <div id="s_lineL2_17" class="L2_1Pic"></div>
                    </div>
                </section>
                <section id="s_mid_L2_section6">
                    <div class="scalePreChange_L2_2" id="s_L2_17">
                        <div id="s_heatMapL2_18" class="L2_2Pic"></div>
                        <div id="s_lineL2_18" class="L2_2Pic"></div>
                    </div>
                    <div class="scalePreChange_L2_2" id="s_L2_18">
                        <div id="s_heatMapL2_19" class="L2_2Pic"></div>
                        <div id="s_lineL2_19" class="L2_2Pic"></div>
                    </div>
                </section>
            </div>
            <div class="mid_L3" id="s_mid_L3">
                <div style="border: 1px solid #ffffff;height: 880px;width: 1212px;position: relative;">
                    <div id="s_heatMapL3_0" class="L3_Pic" style="position: absolute;"></div>
                    <div id="s_lineL3_0" class="L3_Pic" style="position: absolute;"></div>
                </div>
            </div>
        </section>
    </div>
</section>
<section class="section aside right">
    <div class="sectionRight">
        <p>站点信息</p>
        <table class="sectionRight_top">
            <tr>
                <td>省名</td>
                <td>北京市</td>
            </tr>
            <tr>
                <td>站点名称</td>
                <td>704所</td>
            </tr>
            <tr>
                <td>站点编号</td>
                <td>Z0001</td>
            </tr>
            <tr>
                <td>雷达型号</td>
                <td>YCCR</td>
            </tr>
            <tr>
                <td>海拔高度</td>
                <td>380米</td>
            </tr>
            <tr>
                <td>站点经度</td>
                <td>E116°18′40.00″</td>
            </tr>
            <tr>
                <td>站点纬度</td>
                <td>N40°4′30.00″</td>
            </tr>
        </table>
        <p>雷达状态</p>
        <table class="sectionRight_mid">
            <tr>
                <td rowspan="2">发射</td>
                <td>功放状态</td>
                <td>功放过温</td>
            </tr>
            <tr>
                <td>功放过占比</td>
                <td>占位符</td>
            </tr>
            <tr>
                <td rowspan="7">接受</td>
                <td>激励开关·激励</td>
                <td>标定导通</td>
            </tr>
            <tr>
                <td>接收通道</td>
                <td>噪声源断电</td>
            </tr>
            <tr>
                <td>频率源测试通道</td>
                <td>数控衰减器(0)</td>
            </tr>
            <tr>
                <td>频综采样时钟</td>
                <td>第一本振</td>
            </tr>
            <tr>
                <td>第二本振</td>
                <td>发射机激励</td>
            </tr>
            <tr>
                <td>中频激励</td>
                <td>通道温度</td>
            </tr>
            <tr>
                <td>频率源温度(0)</td>
                <td>通道温度(43)</td>
            </tr>
            <tr>
                <td rowspan="8">信理</td>
                <td>数字中频</td>
                <td>型号(10)</td>
            </tr>
            <tr>
                <td>时序输出</td>
                <td>发射模式(42)</td>
            </tr>
            <tr>
                <td>发射禁止</td>
                <td>中频锁相环</td>
            </tr>
            <tr>
                <td>状态:中断</td>
                <td>处理运行</td>
            </tr>
            <tr>
                <td>模式计数(236)</td>
                <td>PRT(0)</td>
            </tr>
            <tr>
                <td>数据量(1033)</td>
                <td>PRF(5000Hz)</td>
            </tr>
            <tr>
                <td>中频温度(51.5℃)</td>
                <td>中断(476445932)</td>
            </tr>
            <tr>
                <td>838565秒</td>
                <td></td>
            </tr>
            <tr>
                <td rowspan="3">终端</td>
                <td>SP连接命令</td>
                <td>SP连接数据</td>
            </tr>
            <tr>
                <td>CT连接命令</td>
                <td>CT连接数据</td>
            </tr>
            <tr>
                <td>命令服务</td>
                <td>数据服务</td>
            </tr>
        </table>
        <p>运行参数</p>
        <table class="sectionRight_bottom">
            <tr>
                <td>占位符</td>
                <td>占位符</td>
            </tr>
            <tr>
                <td>占位符</td>
                <td>占位符</td>
            </tr>
            <tr>
                <td>占位符</td>
                <td>占位符</td>
            </tr>
            <tr>
                <td>占位符</td>
                <td>占位符</td>
            </tr>
        </table>
    </div>
</section>
</body>
</html>